﻿<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SimpleRssReader"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Controls="using:Windows8Accelerator.Core.Xaml.Controls"
    x:Class="SimpleRssReader.HomePage"
    mc:Ignorable="d">

    <Page.Resources>
        <CollectionViewSource
            x:Name="blogsViewSource"
            Source="{Binding Blogs}"
            IsSourceGrouped="true"
            ItemsPath="Posts"/>
    </Page.Resources>
    
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Controls:SuperSilhouette SnappedHeaderTemplate="{StaticResource SnappedHomePageHeaderTemplate}">
            <Grid>
                <Controls:SuperSemanticZoomListView 
                    x:Name="SuperSemanticZoomListView" 
                    ItemsSource="{Binding Source={StaticResource blogsViewSource}}"
                    ItemSelectionMode="None"
                    GroupSelectionMode="None"
                                                    
                    FullScreenLandscapeItemWidthString="250"
                    FullScreenLandscapeItemHeightString="250"
                    FullScreenLandscapeGroupMarginString="0,0,20,0"
                    FullScreenLandscapeGroupHeaderTemplate="{StaticResource BlogHeaderTemplate}"
                    FullScreenLandscapeItemTemplate="{StaticResource PostTemplate}"
                    FullScreenLandscapePanelMarginString="114,0,0,50"

                    FullScreenLandscapeZoomedOutGroupTemplate="{StaticResource BlogTemplate}"
                    FullScreenLandscapeZoomedOutPanelMarginString="114,0,0,50"
                    FullScreenLandscapeGroupWidthString="250"
                    FullScreenLandscapeGroupHeightString="250"
                    
                                                    
                    SnappedGroupHeaderTemplate="{StaticResource BlogHeaderTemplate}"
                    SnappedItemTemplate="{StaticResource PostTemplateSnapped}"
                    SnappedItemWidthString="280"
                    SnappedItemHeightString="110"
                    SnappedGroupMarginString="0,0,0,20"
                    SnappedPanelMarginString="20,0,20,-20"

                    SnappedZoomedOutGroupTemplate="{StaticResource BlogTemplate}"
                    SnappedZoomedOutPanelMarginString="20,0,20,-20"
                    SnappedGroupWidthString="280"
                    SnappedGroupHeightString="200"
                
                />
            </Grid>
        </Controls:SuperSilhouette>
    </Grid>
</Page>
